/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	word-wrap: break-word;
}
*:focus {
	outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
 font-family: "Microsoft YaHei", "SimSun";
}
a {
	text-decoration:none;
	outline:none;
}
a:hover{color: #ff4772; text-decoration:none;}
a img {
	border:none;
}
ol, ul, nav {
    list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
	outline:none;
	border-radius: 0;
	-webkit-appearance:none;
}
input[type="submit"], input[type="button"], input[type="reset"] {
    cursor: pointer;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix {
	zoom:1;
}
.clearfix:after {
	clear:both;
	display:block;
	height:0;
	content:"";
	visibility:hidden;
}
header{height: 84px;}
.wrap{ width: 1200px; margin: 0 auto; position: relative; }
.logo{ float: left;  margin-right: 60px; padding: 25px 0;}
.logo img{ display: block;}
.nav-list{ float: left;}
.nav-list li{ height: 84px; line-height: 84px; float: left; margin-right: 35px;}
.nav-list li a{ color: #333; font-size: 18px; font-family: "Microsoft YaHei"; text-decoration: none;}
.nav-list li a.active{ color: #ff4772;}
.rightlogin{ float: right; line-height: 84px;}
.rightlogin a{height: 35px; line-height: 35px; padding: 0 18px; margin-left: 20px; display: inline-block; color: #333; font-family: "Microsoft YaHei"; text-decoration: none;}
.rightlogin .regist{ background: #ff4772; color: #fff; border-radius: 17px;}
.logined { position: relative; line-height: 84px; cursor: pointer; }
.logined .userimg{ position: relative;  vertical-align: middle; margin-right: 5px;  width: 38px; height: 38px; display: inline-block; }
.logined .userimg img{ display: block; max-width: 100%;}
.userimg span{ position: absolute; top: -10px; right: -10px; display: inline-block; line-height: 18px; padding: 1px 9px; border-radius: 12px; background: #ff4772; color: #fff; font-size: 14px; z-index: 55;}
.subnav-list{
	position: absolute;
	background: #fff;
	z-index: 88;
	width: 220px;
	top: 84px;
	left: -30px;
	height: 0;
	display: none;
  transition: height 2s;
  -webkit-transition: height 2s; /* Safari */
	box-shadow: 1px 1px 1px 2px #e6e6e6;
}
.subnav-list li{ border-bottom: 1px solid #f5f5f5; padding: 14px 0; line-height: 30px;}
.subnav-list li:last-child{border: 0;}
.subnav-list li a{ color: #333; font-size: 14px; line-height: 30px;}
.subnav-list li p{ font-size: 14px; color: #999; padding-left: 38px;}
.logined:hover .subnav-list{ display: block; height: auto;}
.subnav-list li:hover{background: #f5f5f5;}
.subnav-list li:hover a{color: #ff4772;}
.subnav-list li span{display: inline-block; line-height: 18px; padding: 1px 9px; border-radius: 12px; background: #ff4772; color: #fff; font-size: 14px;}
/* banner */
.carousel-indicators{z-index: 999;}
.carousel-indicators li{ background: #333; border: 0;}
.carousel-indicators .active{ background: #ff4772; width: 26px;}
.quicksearch{ height: 460px;}
.w360{ width: 360px; height: 369px; padding: 20px; background: #fff; position: absolute; right: 0; top: 35px;
 box-shadow: 1px 1px 3px #eeeeec , -1px -1px 3px #eeeeec;
}
.w360 h2{ font-weight: bold; font-size: 18px; text-align: center; line-height: 40px;}
input[type="radio"] + label::before {
  content: "\a0"; /*不换行空格*/
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  width: 1em;
	height: 1em;
	line-height: 0;
  margin-right: .4em;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: .15em;
  line-height: 1; 
}
input[type="radio"]:checked + label::before {
  background-color: #ff4772;
	background-clip: content-box;
	line-height: 0;
  border: 2px solid #ff4772;
  padding: .2em;
}
.ml5{margin-left: 5px;}
.form{ margin-top: 20px;}
.formgroup{ height: 38px; line-height: 38px; margin-bottom: 15px;}
.formgroup .w50{width: 60px; font-size: 14px; text-align: center; color: #666; font-family: "Microsoft YaHei";}
.formgroup .w115{ width: 115px; height: 38px; line-height: 38px;}
.formgroup .w242{ width: 242px; height: 38px; line-height: 38px;}
.form .quick-btn{ background: #ff4772; color: #fff; width: 290px; height: 44px; line-height: 44px; border: 0; display: block; margin: 0 auto; border-radius: 5px;}
.cf7f7f7{ background: #f7f7f7;}

/* 公告滚动 */
.noticeroll{ padding: 20px 0; display: flex; flex-direction: row;}
.noticeroll h4{ font-size: 14px; line-height: 30px; font-weight: bold;}
.noticeroll .noticerollinfo{flex-grow: 2;  overflow: hidden;}
.animatelist{ display: flex; flex-flow: row nowrap; justify-content: space-around; flex-grow: 2;  overflow: hidden; animation: 30s wordsLoop linear infinite normal;}
.animatelist li a{ color: #333; font-size: 14px; line-height: 30px; }
.animatelist li a:hover{ color: #ff4772;}

@keyframes wordsLoop {
	0% {
			transform: translateX(200px);
			-webkit-transform: translateX(200px);
	}
	100% {
			transform: translateX(-100%);
			-webkit-transform: translateX(-100%);
	}
}

@-webkit-keyframes wordsLoop {
	0% {
			transform: translateX(200px);
			-webkit-transform: translateX(200px);
	}
	100% {
			transform: translateX(-100%);
			-webkit-transform: translateX(-100%);
	}
}

.maintitle{ position: relative; text-align: center; padding: 25px 0;}
.maintitle .more{ position: absolute; right: 0; color: #999; font-size: 14px; text-decoration: none; top: 50%; margin-top: -14px;}
.maintitle .more:hover{ color: #ff4772;}
.photo-wall .nav-tabs{ border: 0; display: flex; flex-flow: row nowrap; justify-content: center; margin-bottom: 20px;}
.photo-wall .nav-tabs>li>a{ width: 106px; height: 40px; line-height: 40px; padding: 0; margin: 0; text-align: center; color: #333; font-size: 16px; font-family: "Microsoft YaHei"; border-radius: 5px; border: 1px solid #333;}
.photo-wall .nav-tabs>li.active>a,.photo-wall .nav-tabs>li.active>a:focus,.photo-wall .nav-tabs>li.active>a:hover{border-radius: 5px; border: 1px solid #ff4772; background: #ff4772; color: #fff;}
.photo-wall .nav-tabs>li{float: none; margin-right: 15px;}
.prettygirl{ display: flex; flex-flow: row wrap; padding: 20px 0; justify-content: flex-start;}
.prettygirl li{  margin-bottom: 20px; margin-right: 20px;}
.prettygirl li:nth-child(5n){ margin-right: 0;}
.prettygirl li a{ text-decoration: none; display: inline-block; width: 224px; height: 280px; overflow: hidden;}
.prettygirl li label{ color: #333; font-size: 16px; line-height: 40px;}

.bg1{ height: 375px; background: url(../images/bg1.jpg) no-repeat; background-size: cover;}
.w1200{width: 1200px; margin-top: -160px; background: #fff;}

.service-area .service-list{ display: flex; flex-flow: row nowrap; justify-content: space-around; margin-bottom: 20px; padding: 90px 0; box-shadow: 1px 1px 3px #d3d0d0;}
.service-area .service-list li{ text-align: center; position: relative;}
.service-area .service-list li img{ border: 2px dashed #ccc; padding: 8px; border-radius: 50%;}
.service-area .service-list li p{width: 120px; color: #333; font-size: 16px; line-height: 30px; }
.service-area .service-list li:nth-child(2n+1) p{ position: absolute; bottom: -50px; padding-top: 10px; background: url(../images/icon1.jpg) top center no-repeat;}
.service-area .service-list li:nth-child(2n+2) p{ position: absolute; top: -55px; padding-bottom: 10px; background: url(../images/icon2.jpg) bottom center no-repeat;}

.activity-list{ display: flex; flex-flow: row wrap; justify-content: flex-start; padding-bottom: 60px; }
.activity-list .activity:nth-child(3n){ margin-right: 0;}
.activity{ display: flex; flex-direction: column; width: 385px; margin-right: 20px;}
.activity .activeinfo{font-family: "Microsoft YaHei"; background: #fff; margin-top: -70px; position: relative; margin-left: 15px; margin-right: 15px; padding: 15px;
box-shadow: 1px 1px 1px 1px #f2f2f2,-1px -1px 1px 1px #f2f2f2;;
}
.activity .activeinfo .title{ font-size: 18px; line-height: 50px; color: #333; 
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 15px;
	background: url(../images/icon3.jpg) 10px bottom no-repeat;
}
.activity .activeinfo p{ color: #808080; font-size: 14px; line-height: 30px; padding-left: 5px;}
.active-img{position: relative;}
.active-img img{ display: block;}
.active-img label{ display: block; position: absolute; text-align: center; top: 10px; right: 10px; font-size: 14px; right: 10px; width: 84px; height: 28px; line-height: 28px;}
.active-img label.activeing{ background: #eba622; color: #fff;  font-size: 14px;}
.active-img label.activityover{ background: #848382; color: #fff;}
.join{ height: 337px; background: url(../images/bg2.jpg) repeat; padding-top: 30px;}
.marriage{ display: flex; flex-flow: row nowrap; justify-content: space-around;}
.marriagedata{ text-align: center; width: 120px;}
.marriagedata strong{ color: #fff; font-size: 30px; font-family: "Microsoft YaHei";}
.marriagedata p{ color: rgb(211, 210, 210); font-size: 16px; line-height: 30px;}
.joinmarryer{ display: block; width: 120px; height: 40px; font-size: 16px; font-weight: bold; line-height: 40px; background: #fff; color: #ff4772; border-radius: 20px; text-align: center; margin: 30px auto; text-decoration: none;}
.joinmarryer:hover{ color: #ff4772; text-decoration: none;}

/* 情感课堂 */
.love-emotion{ padding: 50px 0; display: flex; flex-direction: row; justify-content: space-between;}
.bgline-title{ font-size:24px; line-height: 30px; color: #333; padding-left: 15px; background: url(../images/icon4.jpg) left center no-repeat;}
.more{color: #999; font-size: 14px;}
.love-title, .emotion-title { display: flex; flex-flow: row nowrap; justify-content: space-between;}
.love-title{ width: 780px;}
.class-list{ display: flex; flex-flow: row nowrap; }
.class-list li{ margin-right: 30px;}
.class-list li a{line-height: 30px;  color: #333; }
.class-list li a:hover{ color: #ff4772; text-decoration: none;}
.love-title .more , .emotion-test .more{line-height: 30px;}
.emotion-test{ width: 365px;}



.text-img{ display: flex; flex-flow: row nowrap; justify-content: space-between; margin-top: 30px;}
.text-img .img{position: relative; display: block;}
.text-img .img img{ display: block;}
.text-img p{position: absolute; bottom: 0; width: 100%; font-size: 14px; height: 32px; line-height: 32px; padding-left: 10px; color: #fff; background: rgba(0, 0, 0, 0.5);}

.news{ display: flex; flex-direction: row; justify-content: space-between; border-top: 1px dashed #ccc; margin-top: 25px; padding-top: 15px;}
.list-40 li{ color: #ff4772; list-style: disc inside; height: 40px; line-height: 40px; padding-left: 5px; }
.list-40 li a{  width: 230px; height: 40px; line-height: 40px; color: #333; margin-left: -5px; 
	text-overflow: ellipsis; display: inline-block; 
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;}
.list-40 li a:hover{ color: #ff4772;}
.emotion-testlist{margin-top: 30px;}
.emotion-testlist li{ display: flex; flex-direction: row; margin-bottom: 20px; }
.emotion-testlist li .testimg{ width: 72px; height: 72px; border-radius: 5px; overflow: hidden;}
.emotion-testlist li .testbody{ margin-left: 20px; display: flex; flex-direction: column; justify-content: space-between;}
.emotion-testlist li .testbody a{ font-size: 16px; color: #333; line-height: 30px;}
.emotion-testlist li .testbody a:hover{color: #ff4772; }
.emotion-testlist li .testbody p{ font-size: 14px; line-height: 32px; color: #999;}

footer{background: #27282d; padding: 35px;}

.rowbody{ display: flex; flex-flow: row nowrap; justify-content: space-between;}

.contact-us , .about{ color: #fff;}
.contact-us h3 , .about h3{ font-size: 16px; line-height: 40px; margin-bottom: 15px;}
.contact-us p, .about p{ font-size: 14px; line-height: 35px; opacity: .6;}

.wechat{ display: flex; flex-direction: row;}
.wechatewm{ margin-right: 30px;}
.wechatewm h3{ font-size: 16px; line-height: 40px; color: #fff; margin-bottom: 15px;}
.footer .copyright{ color: #fff; font-size: 14px; line-height: 30px; opacity: .2; text-align: center; margin-top: 45px;}
.footer .copyright label{margin-left: 60px;}
.rolltop{position: fixed; top: 50%; right: 260px;}
.rolllist li{ background: #dedede; width: 50px; height: 50px; margin-bottom: 2px; position: relative;  }
.rolllist li label{ display: block; background: url(../images/sprite1.png) no-repeat; width: 50px; height: 50px; cursor: pointer;}
.rolllist .gongzhonghao label{ background-position: 0 -50px;}
.rolllist .gotop label{ background-position: 0 -100px;}
.rolllist li:hover{ background: #ff4772; }

.rolllist li span{position: absolute; bottom: 0; right: -150px; background: #fff; display: none; width: 140px; height: 160px; border: 1px solid #ff4772; font-size: 14px; text-align: center;}
.rolllist li span i{ display: block; width: 136px; height: 136px; background: url(../images/erweima.jpg) no-repeat;}
.rolllist li:hover span{ display: block;}

.w1280{ width: 1280px; margin: -160px auto 0; background: #fff; position: relative;  padding: 40px;}
.subbanner{ position: relative; height: 260px; width: 100%; }
.subbanner img{ display: block; max-width: 100%;}
.content-title{ font-size: 30px; font-family: "Microsoft YaHei";}
.nav-location{ position: absolute; top: -80px; left: 0; font-size: 14px; color: #fff; height: 40px; line-height: 40px;}
.nav-location a{color: #fff;}
.nav-location a:hover{color: #ff4772;}

/* 分页 */
.paging-list{ display: flex; flex-direction: row; justify-content: center;}
.paging-list li{margin: 3px;}
.paging-list li a{ display: block; width: 48px; height: 38px; border-radius: 3px; color: #666; line-height: 38px; text-align: center; background: #e6e6e6;}
.paging-list li a.next{width: 78px;}
.paging-list li a:hover ,.paging-list li a.actived{ background: #ff4772; color: #fff;}

/* 相亲活动 */
.mainactivity-list{ margin-top: 40px;}
.mainactivity-list .activity{padding-bottom: 20px;}
.mainactivity-list .activeinfo{ margin: 0;}
/* 婚恋课堂 */
.content .class-list{ margin-top: 30px;}

.hot-text{padding: 30px 0;}
.hot-text li{ margin-bottom: 30px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
.hot-text li .hottext-img{width: 300px; height: 200px; overflow: hidden;}
.hot-text li .hottext-img img{ display: block;}
.hot-text li .text-body{ width: 720px; display: flex; flex-direction: column; justify-content: space-between;}
.hot-text li .text-body p{ font-size: 14px; line-height: 30px; color: #666;}
.text-title{ margin-bottom: 30px;}
.text-title .time{ font-size: 14px;  color: #999999; line-height: 30px;}
.text-title h2{line-height: 45px; color: #333; font-size: 20px; font-weight: bold;}
.hot-text li:hover .text-title h2{ color: #ff4772;}
.hot-text li .text-btn{ display: inline-block; border: 1px solid #333; text-align: center; font-size: 14px; color: #333; height: 40px; width: 100px; line-height: 40px; border-radius: 20px;}
.hot-text li:hover .text-btn{background: #ff4772; color: #fff; border: 1px solid #ff4772;}

/* 情感测试 */
.emotion-game{ padding: 40px 0 30px 0; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.emotion-game .games .gamesimg{ display: block; width: 216px; height: 216px; border-radius: 5px; overflow: hidden;}
.emotion-game .games .gamesimg img{display: block; max-width: 100%;}
.emotion-game .games h3{ font-size: 16px; color: #333; font-weight: bold; line-height: 30px; margin-top: 10px;
	width: 216px;
	text-overflow: ellipsis; 
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;}
	.emotion-game .games:hover h3{ color: #ff4772;}
.emotion-game .games p{ font-size: 14px; color: #999; line-height: 30px;}

.sub-emotion .list-45{border-top: 1px dashed #ccc; padding: 15px 0;}
.sub-emotion .list-45 li{ line-height: 45px; display: flex; flex-direction: row; justify-content: space-between;}
.sub-emotion .list-45 li a{ font-size: 16px; color: #333;}
.sub-emotion .list-45 li a:hover{ color: #ff4772;}
.sub-emotion .list-45 li span{ font-size: 14px; color: #999;}
/* 会员展示 */
/* 筛选 */
.w120{ width: 120px;}.w222{width: 222px;}.ml30{margin-left: 30px;}.w1020{width: 1020px;}
.factor-screen{ margin-top: 30px; padding-bottom: 25px; display: flex; flex-direction: row; align-items: center;}
.factor-screen .factorrow{ display: flex; flex-flow: row wrap; }
.factor-screen .search-btn{width: 160px; height: 42px; line-height: 42px; background: #ff4772; color: #fff; font-size: 14px; border: 0;}
.selectgroup{display: flex; flex-direction: row; margin-right: 20px; margin-bottom: 15px;}
.selectgroup label{ line-height: 38px; font-size: 14px; color: #333; padding-right: 10px;}
.selectinput{  position: relative; margin-right: 10px;}
.selectinput .input .select-input{ width: 100%; padding: 0 10px; height: 38px; border-radius: 3px; border: 1px solid #dedede; line-height: 38px; background: url(../images/icon1.png) 90% center no-repeat ;}
.selectinput .optionlist{ position: absolute; top: 38px; background: #fff; width: 100%; border: 1px solid #e6e6e6; z-index: 22; display: none; max-height: 180px; overflow-y: auto;}
.selectinput .optionlist li{ height: 35px; line-height: 35px; font-size: 14px; color: #666; padding-left: 10px;}
.selectinput .optionlist li:hover{ background: #ff4772; color: #fff;}
.selectinput:hover .optionlist{ display: block;}
.selectinput .input-text{ height: 38px; line-height: 38px; border: 1px solid #dedede; width: 100%; padding: 0 10px; border-radius: 3px;}
.selectgroup .tips{height: 38px; line-height: 38px; font-size: 14px; color: #ff4772; }
.slidergroup .slider.slider-horizontal{height: 30px;}
.slidergroup .slider.slider-horizontal .slider-handle{width: 10px; margin-top: 0; background: #ff4772;}
.slidergroup .slider.slider-horizontal .slider-selection{ background: #3385ff;}
.slidergroup .slider.slider-horizontal .slider-track{background: transparent; border: 1px solid #e6e6e6; height: 20px;}


.vipshow{ border-top: 1px dashed #e6e6e6; padding-top: 30px;}
.limit-list{ display: flex; flex-direction: row; margin-bottom: 10px;}
.limit-list li{ padding: 0 10px; border: 1px solid #e6e6e6; font-size: 14px; line-height: 30px; color: #999; cursor: pointer;}
.limit-list li:hover, .limit-list li.active{color: #ff4772;}
.limit-list li span{ font-size: 12px;}
.filter{ padding:30px 0 10px 0;}
.filterrow{ display: flex; flex-direction: row; margin-bottom: 20px; align-items: flex-start;}
.filterrow label{ line-height: 30px; font-size: 14px; color: #666; padding-right: 10px; margin-right: 15px;}
.filterrow span{ display: block; text-align: center; padding: 0 10px; color: #666; font-size: 14px; height: 30px; line-height: 30px;}
.filterrow span.active{ background: #ff4772; color: #fff;}
.filterrow ul{ flex: 25 1 0; display: flex; flex-flow: row wrap; padding-left: 20px; align-items: flex-start;}
.filterrow ul li{ font-size: 14px; color: #666; line-height: 30px; width: 70px; margin:0 20px; cursor: pointer;}
.filterrow ul li.active, .filterrow ul li:hover{ color: #ff4772;}
.main{ display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 30px;}
.sideBarleft{ width: 900px;}
.goods-list li{ display: flex; flex-direction: row; padding: 30px 0; border-bottom: 1px solid #dedede;}
.goods-list li:last-child{ border: 0;}
.goodsimg img{display: block;}
.goodsinfo{ display: flex; flex-direction: column; justify-content: space-between; margin-left: 30px;}
.goodstext h3{ margin-bottom: 10px;}
.goodstext h3 a{ color: #333; font-size: 18px; line-height: 30px; font-weight: bold;}
.goodstext p{ color: #666; font-size: 14px; line-height: 30px;}
.goodstext span{ display: inline-block; padding: 0 20px; border-radius: 13px; margin-top: 15px; border: 1px solid #3385ff; color: #3385ff; line-height: 26px;}
.nowprice i, .originalprice i{ font-size: 16px;}
.nowprice{ color: #ff4772; font-size: 24px; font-weight: bold;}
.originalprice{ text-decoration: line-through; color: #999; font-size: 16px; margin-left: 10px;}

.sideBarright .bgline-title{margin-top: 30px;}
.recommend-list li{margin-top: 20px;}
.recommend-list li h3{ font-size: 14px; line-height: 30px; margin-top: 10px; color: #333;}
.recommend-list li p{ color: #ff4772; font-size: 18px; line-height: 26px;}
.recommend-list li p i{ color: #ff4772; font-size: 14px;}

/* 加入红娘 */

.w320{width: 320px;}.w100{width: 100px;}
.joinhongniang{ display: flex; flex-direction: column; justify-content: center; padding-bottom: 50px;}
.joinhongniang .content-title{ text-align: center; margin-bottom: 30px;}
.joinhongniang .selectgroup label:first-child{ width: 80px; text-align:justify; text-align-last: justify; margin-right: 10px;}
.joinhongniang .selectgroup .spacing{ letter-spacing: 25px;}
.ml390 .selectgroup{  margin-left: 390px;}
.joinhongniang .selectgroup .tips{height: 38px; line-height: 38px; font-size: 14px; color: #ff4772; }
.joinhongniang .selectinput input{ height: 38px; line-height: 38px;}
.joinhongniang .selectgroup .select-input{height: 38px; line-height: 38px;}
.joinhongniang .selectinput input:focus{border: 1px solid #ff4772; }
.joinhongniang .selectgroup .submit-btn{ margin-top: 20px; border: 0; background: #ff4772; color: #fff; font-size: 16px; font-weight: bold; width: 320px; height: 38px; line-height: 38px;  border-radius: 5px;}

/* 个人信息 */

.personal-Information{ margin-top: 30px;}
.personal-Information .nav-tabs{border: 0;}
.personal-Information .nav-tabs>li>a{ font-size: 18px; color: #333; border: 0;}
.personal-Information .nav-tabs>li>a{ font-size: 18px; color: #333;}
.personal-Information .nav-tabs>li>a:first-child{ padding-left: 0;}
.personal-Information .nav-tabs>li.active>a,.personal-Information .nav-tabs>li.active>a:focus,.personal-Information .nav-tabs>li.active>a:hover{ border: 0; color: #ff4772; font-weight: bold; background: #fff;}
.personal-Information .nav>li>a:focus,.personal-Information .nav>li>a:hover{ background: none; border: 0;}
.personal-Information .nav-tabs>li{margin: 0;}
.selectgroup .saveupdat-btn{ display: inline-block; padding: 10px 30px; border-radius: 19px; background: #ff4772; border: 0; font-size: 14px; color: #fff;}
.basicinformation{ padding-top: 30px; display: flex; flex-direction: row; justify-content: flex-start;}
.head{margin-left: 50px;}
.head .headimg{ width: 150px; height: 150px; overflow: hidden;}
.head img{ display: block;}
.file {	position: relative;	display: inline-block;	border-radius: 4px;	padding: 4px 0px;	overflow: hidden;	color: #ff4772;
	text-decoration: none;	text-indent: 0;	line-height: 30px;	margin-top: 10px;	cursor: pointer;}
.file input {	position: absolute;	font-size: 100px;	right: 0;	top: 0;	opacity: 0;}
.head p{ font-size: 14px; color: #999; line-height: 30px;}
.uploaddata{padding: 30px 0;}
.uploaddata h3{ font-size: 18px; color: #333;}
.uploaddata p{ font-size: 14px; color: #ff4772; line-height: 30px;}
.uploadcard{padding: 30px 0;}
.uploadcard a{ position: relative; display: inline-block; width: 212px; height: 136px; overflow: hidden; border-radius: 5px; margin-right: 20px;}
.uploadcard a img{display: block;}
.uploadcard a input{	position: absolute;	font-size: 100px;	right: 0;	top: 0;	opacity: 0; cursor: pointer;}
.uploaddata .submit-btn{ background: #ff4772; color: #fff; padding: 0 40px; line-height: 45px; border: 0; border-radius: 22px;}

/* 我的关注 */

.myfollow{ padding: 20px 0;}

/* 婚恋课堂详情 */

.article .article-title{ text-align: center;}
.article .article-title h3{ font-size: 36px; line-height: 50px;}
.article .article-title p{  line-height: 30px; font-size: 14px; color: #999; margin-top: 10px;}
.article .article-title p span{ margin: 0 15px; }
.article .articleinfo{ padding: 30px 0; text-align: center;}
.article .articleinfo p{ text-align: left; line-height: 30px; font-size: 16px; color: #333; text-indent: 2rem;}
.article .articleinfo h4{text-align: left; font-weight: bold; margin-top: 20px; line-height: 40px;}
.article .articleinfo img{ margin: 50px 0;}

.article .article-nav{display: flex; flex-direction: row; justify-content: space-between;}
.article .article-nav a{ color: #333; font-size: 16px; line-height: 30px;}
.article .article-nav a:hover{ color: #ff4772;}


/* 我的消息 */
.messagelist li{ padding: 25px 0; border-bottom: 1px solid #dedede;}
.messagelist li:last-child{border: 0;}
.mymessage{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.mymessage .messageimg{width: 76px; height: 76px; margin-right: 30px; overflow: hidden; border-radius: 50%;}
.messageinfo{ width: 920px;}
.messageinfo .messagename{ font-size: 16px; color: #999; line-height: 36px;}
.messageinfo .messagetext{ color: #333; line-height: 30px;}
.mymessage .replymessage{ font-size: 14px; color: #999; float: right;}
.mymessage .messageleft{ display: flex; flex-direction: row; justify-content: flex-start;}
.replytext{ padding: 10px 0; overflow: hidden; display: none;}
.replytext p{ display: flex; justify-content: flex-end;}
.replytext textarea{ display: block; border: 1px solid #e6e6e6; background: #f5f5f5; height: 120px; width: 900px; padding: 10px; line-height: 30px;}
.replytext .sure-btn{  width: 80px; height: 30px; line-height: 30px; background: #ff4772; color: #fff; border: 0; border-radius: 15px; margin-top: 20px;}
/* 活动详情 */
.activitydetails .activity-list{ display: flex; flex-direction: row; justify-content: space-between;}
.activitydetails  .activity-list .activity{flex-direction: row;}
.activitydetails  .activity-list .activity .activeinfo{margin: 0; box-shadow: none;}
.btn-group{ padding: 25px 0 0 0; }
.btn-group a{ display: inline-block; height: 45px; line-height: 45px; padding: 0 25px; border-radius: 22px; color: #fff;}
.btn-group  .signimg{ background: #ff4772; margin-right: 15px; }
.btn-group  .signover{ background: #ccc; }
.btn-group  .btn-orange{ background: #fca75b; margin-right: 15px;}
.btn-group  .business-btn{ border: 1px solid #ff4772; color: #ff4772; background: #ffeef2;}
.quickbm{text-align: center;}
.quickbm p{ font-size: 14px; color: #666; text-align: center;}

.details-title{ font-size: 18px; line-height: 30px; font-weight: bold; padding: 25px 10px; background: url(../images/icon5.jpg) left center no-repeat;}
.details-text p{ font-size: 16px; color: #333; line-height: 30px; padding: 0 40px 0 15px;}
.details-text .line{ padding: 0 15px 25px 0px; border-bottom: 1px solid #e6e6e6;}
.details-text .line:last-child{border: 0;}
.details-text img{ margin: 15px;}

/* 商品详情 */

.container{	width: 480px;	font-size: 14px; margin: 0; padding: 0;}
.container .slider-container{width: 480px; height: 320px;	overflow: hidden; }
.preview {padding: 5px 0; width: 480px;}
.preview a {display: inline-block;	margin: 5px 0;	border: 1px solid #fff; height: auto;}
.preview img{	display: block;	width: 90px;	height: auto;}
.preview a.active {		border: 1px solid #ff4772;}
.slider-nav{ display: none;}

.goods-slider{ display: flex; flex-direction: row; justify-content: flex-start;}
.goods-slider .goodsinfo{ justify-content: flex-start;}
.goods-slider .goodsinfo .goodstext{margin-bottom: 25px;}
.goods-slider .goodsinfo .nowprice{font-size: 40px; line-height: 60px;}

/* 会员详情 */

.personal-head{ display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 20px;}
.personal-left{ display: flex; flex-direction: row; }
.personal-left .personal-img{ width: 224px; height: 280px; overflow: hidden;  border-radius: 5px;}
.personal-left .personal-img img{ display: block;}


.personal-body{margin-left: 40px; width: 560px; display: flex; flex-direction: column; justify-content: space-between;}
.personal-body .personaldata h2{ font-size: 24px; font-weight: bold;}
.personal-body .personaldata h2 span{ display: inline-block; vertical-align: middle; width: 30px; height: 24px; margin-right: 10px; background: url(../images/sprite2.png) no-repeat;}
.personal-body .personaldata h2 span.icon1{ background-position: 0 0;}
.personal-body .personaldata h2 span.icon2{background-position: -30px 0;}
.personal-body .personaldata p{ font-size: 16px; color: #666; margin-top: 15px;}
.personal-body .personaldata p span{display: inline-block; border-right: 1px solid #666; height: 16px; line-height: 16px; padding:0 20px;}
.personal-body .personaldata p span:first-child{ padding-left: 0;}
.personal-body .personaldata p span:last-child{ border-right: 0;}
.personal-body .personalprofile{ font-size: 16px;}
.personal-body .personalprofile h3{ color: #333; font-weight: bold; margin-bottom: 10px;}
.personal-body .personalprofile p{ color: #666; line-height: 30px;}

.details-list{ display: flex; flex-flow: row wrap; justify-content: flex-start;}
.details-list li{ border-bottom: 1px solid #ededed; width: 260px; line-height: 38px; margin-bottom: 20px; margin-right: 50px; padding-left: 10px;}
.details-list li:nth-child(3n){ margin-right: 0;}
.details-list li label{ width: 80px; text-align:justify; text-align-last: justify;}
.details-list li a{ color: #ff4772;}

/* 注册登录 */
.header{ padding: 0 130px; display: flex; justify-content: space-between;}
.header a{ font-size: 14px; color: #ff4772;}
.header a span{ color: #999;}

.login-container{ position: relative; background: url(../images/img1.png) 110px center no-repeat; height: 600px; margin-top: 100px;}
.login-from{ position: absolute; right: 130px; top: 65px; width: 408px; height: 515px; padding: 40px; box-shadow: 1px 1px 5px 5px #f5f5f5, -1px -1px 5px 5px #f5f5f6;}
.login-from h2{ height: 40px; line-height: 40px; text-align: center; background: url(../images/img2.png) center center no-repeat; margin-bottom: 35px;}
.login-from .selectgroup{ margin-right: 0; display: flex; flex-direction: column; margin-bottom: 0;}
.login-from .selectgroup .waring{padding: 5px 20px; line-height: 30px; height: 30px;  font-size: 14px; color: #ff4772;}
.login-from .selectgroup .waring span{display: none;  line-height: 30px; height: 30px;}
.login-from .selectgroup .selectinput{ margin: 0 auto;}
.login-from .selectgroup .submit-btn{ margin: 5px auto; border: 0; background: #ff4772; color: #fff; font-size: 16px; font-weight: bold; width: 320px; height: 38px; line-height: 38px;  border-radius: 5px;}
.codeinput{ height: 38px; line-height: 38px; border: 1px solid #dedede; margin: 0 auto;}
.codeinput .short-text{ height: 38px; line-height: 38px; padding-left: 10px;}
.codeinput .getcode{ display: inline-block; font-size: 16px; line-height: 28px; padding: 0 15px; border-left: 1px solid #ededed;}

.login-from  .forgetpw{ color: #6a96d8; font-size: 14px; text-align: right; line-height: 30px; margin-top: 10px;}


input[type="checkbox"]:focus{ border: 0; outline:0;}
input[type="checkbox"]::before {
  content: "\a0"; /*不换行空格*/
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  width: 1em;
  height: 1em;
  margin-right: .4em;
  border: 2px solid #ccc;
  text-indent: .15em;
	line-height: 1; 
	outline:none;
}
input[type="checkbox"]:checked::before {
  background-color: #ff4772;
  background-clip: content-box;
  border: 2px solid #ff4772;
	padding: .2em;
	outline:none;
}
.selectgroup .selectinput .agree-checkbox:focus{ border: 0; outline:0;}
.selectinput .agreetext{ font-size: 14px;}
.selectinput .agreetext a{color: #ff4772;}

/* 感兴趣的人 */
.recommendperson-list li{ display: flex; flex-direction: row; margin-bottom: 30px;}
.recommendperson-list li a{ display: inline-block; width: 90px; height: 112px; overflow: hidden; border-radius: 3px; }
.recommendperson-list li a img{ max-width: 100%; display: block;}
.recommendperson-list  .personal-body{width: 140px; margin-left: 15px;}
.recommendperson-list  .personal-body .personaldata h2{ font-size: 16px; font-weight: normal;}
.recommendperson-list .personal-body .personaldata p{margin-top: 0; font-size: 14px; color: #666666;}
.recommendperson-list .personal-body .personalprofile p{ font-size: 14px; color: #999; line-height: 24px;
	text-overflow: ellipsis; 
	vertical-align: middle;
	overflow: hidden;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
